@import "fn.styl"

.wid
	width:1200px;
	margin:0 auto;
	
.wid2
	width:1000px;
	margin:0 auto;
	
.header
	height 112px
	background #078740
	.box
		width 1000px
		height 112px
		margin 0 auto
		h1
			float left
			width 225px
			height 100%
			line-height 112px
			a
				public-a()
				img
					width 225px
					height 52px
					vertical-align middle
		.text
			float left
			margin-left 30px
			padding-left 20px
			margin-top 35px
			border-left 1px solid #fff
			img
				width 161px
				height 18px
				display block
				margin-bottom 15px
			p
				font-size 14px
				color #fff
		.right
			float right 
			height 112px
			padding-left 130px
			padding-top 22px
			background url("../img/84af5_89x89.png") left center no-repeat
			strong
				heightL(32px)
				padding 0 20px
				font-size 18px
				color #9ef5c5
				border 1px solid #9ef5c5
				display inline-block
				margin-bottom 10px
			b
				background url("../img/75ac4_24x24.png") left center no-repeat
				padding-left 30px
				font-size 20px
				color #9ef5c5
				line-height 26px
				display block
				
.nav
	width 100%
	heightL(50px)
	background #fff
	ul
		li
			width 12.5%
			text-align center
			transition .3s
			&:hover
				background #e2e2e2
			a
				display block
				font-size 16px
				color #2c2d2d
				
.banner
	width 100%
	height 600px
	overflow hidden
	background url("../img/f3c05_1920x600.jpg") center top no-repeat
	.box
		width 270px
		border-radius 10px
		background #078740
		float right
		margin-top 58px
		padding-bottom 35px
		.top
			width 236px
			height 62px
			text-align center
			line-height 62px
			color #fff
			font-weight bold
			font-size 22px
			margin 0 auto
			background url("../img/d6fde_236x62.png") no-repeat
		.date
			margin 12px auto
			heightL(40px)
			color #fff
			font-size 16px
			text-align center
			span
				width 40px
				height 40px
				display inline-block
				border-radius 5px
				background #e73306
				font-size 18px
				text-align center
				margin 0 6px
		.yy
			width 231px
			margin 0 auto
			ul
				li
					width 100%
					heightL(38px)
					margin-bottom 14px
					img
						width 28px
						height 28px
						float left
						margin-left 6px
						margin-top 6px
					input
						float right
						border none
					input[type="text"]
						width 170px
						height 38px
						border-radius 5px
						background #fff
						text-indent 10px
						font-size 14px
						margin-right 10px
						&::-webkit-input-placeholder 
							color #c5c2c2
						&:-moz-placeholder 
							color:#c5c2c2
						&::-moz-placeholder 
							color #c5c2c2
						&:-ms-input-placeholder
							color #c5c2c2
					input[type="submit"]
						width 231px
						height 42px
						display block
						margin 0 auto
						background url("../img/a8c28_231x42.png") no-repeat
						transition .3s
						cursor pointer
						&:hover
							opacity .85
		.news-yy
			width 230px
			margin 0 auto
			overflow hidden
			clear both
			strong
				font-size 20px
				color #fff
				line-height 28px
				display block
				margin-bottom 10px
				img
					width 21px
					height 21px
					float left
					margin-right 5px
					margin-top 3px
					
.scroll-box2
	position relative
	width 100%
	height 90px
	overflow hidden
	ul
		li
			position absolute
			width 100%
			height 24px
			font-size 14px
			color #fff
			line-height 1.6
			margin-bottom 5px
			cursor pointer
			&:hover
				color #f00
			img
				width 13px
				height 15px
				float left
				margin-right 8px
				margin-top 4px
				
.public-title
	text-align center
	clear both
	line-height 1.2
	strong
		font-size 36px
		color #078740
		display block
		margin-bottom 10px
	p
		font-size 18px
		color #646365
	i
		width 130px
		height 1px
		background #cdcdcd
		display inline-block
		margin 0 2px
		&.i1
			background #078740
			
.we
	padding 40px 0
	overflow hidden
	.box
		margin-top 24px
		ul
			margin-left -61px
			li
				width 204px
				margin-left 61px
				&:hover
					.pic
						border-color #078740
					.text
						strong
							color #078740
							font-weight bold
				.pic
					width 100%
					height 202px
					border-radius 50%
					overflow hidden
					border 4px solid #8e8e8e
					transition .3s
					a
						public-a()
						img
							public-img()
				.text
					width 100%
					line-height 1.4
					text-align center
					strong
						display block
						font-size 24px
						color #393737
						text-hide()
						padding 5px 0
						font-weight normal
						transition .3s
					p
						font-size 14px
						color #393737
						text-hide()
						
.case
	.box
		width 100%
		height 600px
		margin-top 20px
		background #078740
		margin-bottom 22px
		
.line-zx
	text-align center
	&.lz2
		margin-top 22px
		span
			background #fff
			color #078740
		a
			color #fff
			background #078740
	span
		heightL(46px)
		display inline-block
		background #078740
		padding 0 25px
		color #fff
		font-size 18px
		a
			width 124px
			height 34px
			border-radius 40px
			background #fff
			line-height 34px
			text-align center
			font-size 18px
			color #078740
			display inline-block
			margin-left 25px
			margin-top 6px
			&:hover
				opacity .9
				
.why
	overflow hidden
	.top
		width 100%
		padding 30px 0
		margin-bottom 30px
		text-align center
		background url("../img/13cfe_1199x9.png") center bottom no-repeat
		b
			font-size 62px
			color #ee9414
			display inline-block
		strong
			width 460px
			display inline-block
			padding-left 40px
			font-size 24px
			color #2f2f2f
			font-weight normal
			text-align left
			line-height 1.5
			border-left 1px solid #cac4c4
	.box
		width 100%
		overflow hidden
		.text
			width 640px
			&.t2
				width 606px
			.txt
				width 100%
				display table
				margin-bottom 69px
				.left
					position relative
					width 105px
					height 110px
					text-align center
					font-size 30px
					color #078740
					line-height 1.4
					padding 15px 20px
					border 1px solid #078740
					&.l1
						&:before
							content ""
							position absolute
							bottom -67px
							left 50%
							width 8px
							height 67px
							margin-left -4px
							background url("../img/6fd5e_8x67.png") no-repeat
				.right
					width 480px
					strong
						font-size 24px
						color #078740
						display block
						padding 10px 0
						background url("../img/9eb6c_478x4.png") left bottom no-repeat
						margin-bottom 15px
						text-hide()
						text-align center
					p
						font-size 16px
						color #50504f
						text-align justify
						line-height 1.4
						text-indent 30px
						height 44px
						db-text(2)
		.pic
			width 535px
			overflow hidden
			&.fl
				width 516px
				height 282px
			img
				width 100%
				height 100%
				&.img1
					width 267px
					height 267px
					float left
					
.ytl
	width 100%
	height 141px
	overflow hidden
	background url("../img/d552c_1920x141.jpg") center top no-repeat
	.text
		float left
		margin-left 495px
		margin-top 45px
		strong
			font-size 22px
			color #fff
			display block
			margin-bottom 15px
	img
		width 193px
		height 141px
		float right
		margin-right 148px
		margin-top 3px

.phone-yy
	heightL(32px)
	border-radius 40px
	text-align center
	color #fff
	font-size 20px
	width 260px
	border 1px solid #fff
	overflow hidden
	a
		float right
		height 100%
		width 105px
		text-align center
		font-size 20px
		color #2c9004
		background #fff
		transition .3s
		&:hover
			opacity .9
		
.gift
	overflow hidden
	.top
		width 100%
		padding 30px 0
		margin-bottom 30px
		text-align center
		font-size 36px
		color #078740
		font-weight bold
		background url("../img/13cfe_1199x9.png") center bottom no-repeat
		b
			color #ee9414
	.box
		width 100%
		display table
		.left
			float left
			width 666px
			ul
				li
					width 100%
					margin-bottom 20px
					.block
						position relative
						width 68px
						height 78px
						text-align center
						line-height 78px
						color #fff
						font-size 30px
						float left
						background url("../img/fba94_68x78.png") no-repeat
						&.b1
							background url("../img/10da5_68x78.png") no-repeat
						&.b2
							background url("../img/fc90e_68x78.png") no-repeat
						&:before
							content ""
							position absolute
							bottom -30px
							left 50%
							width 1px
							height 30px
							background #595959
							display block
						&.bn
							&:before
								display none
					.text
						float right
						width 86%
						strong
							font-size 24px
							color #078740
							line-height 1.4
							padding-bottom 4px
							border-bottom 1px solid #078740
						p
							font-size 16px
							color #3e3e3d
							text-align justify
							line-height 1.4
							margin-top 10px
							db-text(2)
							height 44px
		.right
			width 494px
			height 277px
			overflow hidden
			float right
			img
				public-img()
	.bottom-box
		text-align center
		clear both
		padding 35px 0
		img
			width 356px
			height 38px
		a
			font-size 20px
			color #fff
			heightL(38px)
			text-align center
			display inline-block
			text-hide()
			width 134px
			vertical-align middle
			transition .3s
			&:hover
				opacity .85
			&.a1
				margin-left 35px
				background url("../img/1b838_134x38.png") no-repeat
			&.a2
				margin-left 25px
				background url("../img/cf770_134x38.png") no-repeat
				
.process
	width 100%
	display table
	background url("../img/923ae_1920x290.jpg") #078740 center bottom no-repeat
	padding-bottom 35px
	h2
		text-align center
		color #fff
		font-size 36px
		margin 25px 0 20px
	.list
		width 1000px
		margin 0 auto
		ul
			margin-top 25px
			margin-left -86px
			li
				position relative
				margin-left 86px
				margin-bottom 25px
				.pic
					position relative
					width 130px
					height 130px
					border-radius 50%
					overflow hidden
					margin 0 auto 10px
					background url("../img/16502_129x129.png") no-repeat
					img
						position absolute
						top 50%
						left 50%
						margin-top -50px
						margin-left -50px
						width 100px
						height 100px
				p
					font-size 20px
					color #fff
					line-height 1.4
					text-hide()
					text-align center
				i
					position absolute
					top 50px
					right -50px
					width 18px
					height 36px
					display block
					img
						width 100%
						vertical-align top				
	.phone-yy
		margin 0 auto 30px
	.box
		width 100%
		height 215px
		.left
			position relative
			float left
			width 400px	
			height 215px 
			background #06a34c
			padding 20px 55px
			i
				position absolute
				z-index 2
				top 50%
				right -18px
				width 18px
				height 32px
				margin-top -16px
				img
					width 100%
			.news-yy
				width 100%
				margin 0 auto
				overflow hidden
				strong
					font-size 24px
					color #fff
					line-height 28px
					display block
					margin-bottom 10px
					img
						width 26px
						height 26px
						float left
						margin-right 10px
						margin-top 1px
				.scroll-box
					position relative
					height 140px
					overflow hidden
					ul
						li
							width 100%
							font-size 16px
							color #fff
							line-height 1.6
							height 30px
							&:hover
								color #f00
							img
								width 17px
								height 21px
								float left
								margin-right 10px
								margin-top 2px
		.center
			position relative
			float left
			width 404px
			height 215px
			background #057436
			i
				position absolute
				top 50%
				right -15px
				width 15px
				height 32px
				margin-top -16px
				img
					width 100%
			.top
				heightL(57px)
				text-align center
				color #fff
				font-size 22px
				font-weight bold
				background url("../img/9a500_401x57.png") center top no-repeat
				margin-bottom 30px
			.date
				margin 12px auto
				heightL(40px)
				color #fff
				font-size 16px
				text-align center
				margin-bottom 25px
				span
					width 40px
					height 40px
					display inline-block
					border-radius 5px
					background #e73306
					font-size 18px
					text-align center
					margin 0 6px
			p
				font-size 20px
				color #fff
				text-align center
		.right
			width 396px
			height 215px
			float right
			background #045b2a
			padding-top 35px
			.yy
				width 304px
				margin 0 auto
				ul
					li
						width 100%
						heightL(38px)
						margin-bottom 12px
						img
							width 31px
							height 31px
							float left
							margin-top 3px
							margin-right 20px
						span
							font-size 20px
							color #fff
						input
							float right
							border none
						input[type="text"]
							width 164px
							height 30px
							border-radius 5px
							text-indent 10px
							font-size 20px
							background none
							color #fff
							border 1px solid #fff
							margin-top 5px
						input[type="submit"]
							width 100%
							height 40px
							background #06a34c
							color #272626
							font-size 22px
							border-radius 5px
							cursor pointer
							&:hover
								opacity .85
.footer
	width 100%
	height 880px
	background url("../img/footer.png") #f7f7f7 center bottom no-repeat

.footer {
			position: relative;
		}

		.footer img {
			max-width: 1920px;
			width: 100%;
			display: block;
			margin: 0 auto;
		}

		.footer .text {
			position: absolute;
			top: 40px;
			left: 0;
			right: 0;
		}

		.footer .text h3 {
			font-size: 36px;
			color: #078740;
			font-weight: bold;
			text-align: center;
			padding-bottom: 10px;
		}

		.footer .p {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-moz-box-align: center;
			-ms-flex-align: center;
			align-items: center;

		}

		.footer .pic {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 150px;
			-moz-box-flex: 0;
			-ms-flex: 0 0 150px;
			flex: 0 0 150px;
			padding-right: 30px;
		}

		.footer .pic img {
			display: block;
			width: 100%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}

		.footer .t {
			font-size: 18px;
			color: #565555;
			line-height: 30px;
			text-indent: 2em;
		}
		
